.page-fixed-header,.page-fixed-footer{position: fixed; width: 100%;left: 0;z-index: 88;}
.page-fixed-header{top: 0; }
.page-fixed-footer{ bottom: 0;}
.pub-header { position: relative; width: 100%; left: 0; top: 0; z-index: 88; height: 10.8vw; background-color: #fff; color: #333; line-height: 10.8vw; border-bottom: 1px solid #ccc; text-align: center; }
.page-fixed-header>h1 { font-size: 4.2vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 10.8vw;height: 10.8vw;margin: 0; }
.page-fixed-header>a { color: #fff; position: absolute; display: block; }
.header-left, .header-right { position: absolute; height: 10.8vw; line-height: 10.8vw; overflow: hidden; text-align: center; top: 0; padding: 0 .09rem;display: flex; }
.header-left { padding-left: 0; }
.header-right { right: 0; top: 0; }
.header-left>.ui-icon, .header-right>.ui-icon { height: 10.8vw; line-height: 10.8vw; padding: 0 0.9vw; float: left; position: relative; }
.header-left>.ui-icon { font-size: 8vw; padding: 0;align-self: center; }
.pub-header .ui-icon>span { position: absolute; right: 1vw; top: 2.5vw; background-color: #f23030; color: #fff; font-size: 2.4vw; line-height: 3vw; border-radius: 3vw; padding: 0 .5vw; }
